.img-res
    width: 100%
    max-width: 100%
body
    font-family: "Arial"
    color: #333
li
    list-style: none
.banner
    margin: 0 auto
    margin-bottom: 30px
    @media(min-width: 1200px)
        margin-bottom: 40px

//top   导航
.tit-dh
    img
        padding-top: 10px
    .tit-li1
        @media (max-width: 999px)
            padding-top: 5px
.tit-dhr
    @media (max-width: 999px)
        display: none
    a
        text-align: center
        line-height: 80px
        font-size: 20px
        color: #3a3a3a
        width: 24%
        display: inline-block
//case

.case-d1
    position: relative
    @media (min-width: 1200px)
        margin-bottom: 95px
        &:hover
            .case-d2
                display: none
            .case-d3
                display: block
                position: absolute
                top: 20px
                .d3-bg
                    background-color: rgba(54,80,163,0.9)
                
    .case-d2
        @media (min-width: 1200px)
            padding: 0 11px
            margin-bottom: 30px
            position: absolute
            bottom: -95px
            
        p
            background: #eee
            padding: 24px 20px
            margin-bottom: 0
    .case-d3
        color: #ffffff
        margin-bottom: 30px
        @media (min-width: 1200px)
            display: none
            padding: 0 11px
        .d3-bg
            background: #264193
            padding: 20px
            @media (min-width: 1200px)
                padding: 30px 30px 35px
            .d3-p2
                margin-bottom: 0
                span
                    display: inline-block
                    margin-top: 20px
                    padding: 3px 20px
                    border: 1px solid #fff
                    color: #fff
//产品

.pro-d2
    background: #eeeeee
    margin-bottom: 30px
    &:hover
        background: #264193
        p
            color: #fff
            span
                border: 1px solid #fff
    p
        font-size: 16px
        color: #203d99
        padding: 20px
        margin-bottom: 8px
        @media (min-width: 760px)
            padding: 20px 30px
        @media (min-width: 1200px)
            padding: 40px 30px 5px
        span
            font-size: 14px
            padding: 3px 20px
            border: 1px solid #203d99
            margin-left: 2px
            margin-top: 30px
            display: inline-block
    img
        margin-right: 3px
//轮播下面
.pointer
    display: none
.banner
    .pager-prev,.pager-next
        width: 30px
        height: 30px
        font-size: 30px
        line-height: 30px
        background: #b8b8b8
        color: #fff
        display: block
        border: 0
        &:hover
            background: #203a8d

//表格













































//底部通用
.bg-ft
    background: #203d99
    padding: 10px 0
    margin-bottom: 30px
    .ft-d1
        p
            color: #ffffff
        img
            display: block
            margin: 0 auto
            margin-bottom: 10px
//底部导航大
.nav 
    ul 
        a
            padding: 5px 5px 5px 0
.cont
    margin-top: 30px
.con2
    font-weight: normal
    font-size: 16px
.bg-dd 
    background: #ececec
    padding: 15px
    margin-bottom: 70px
    @media(min-width: 760px)
        margin-bottom: 0
    p
        margin-bottom: 0
//底部导航小
.dbdh
    @media(min-width: 760px)
        display: none
.m
    @media(min-width: 1000px)
        display: none
#fun1 
    position: absolute
    right: 3%
    top: 15px
    display: block
    cursor: pointer
    @media (min-width: 1000px)
        display: none
.tit-dh
    img
        @media (max-width: 999px)
            margin-bottom: 10px
.m
    @media (max-width: 999px)
        font-size: 15px
        background:  #fff
        list-style:  none
        display: none
.m 
    a 
        @media (max-width: 999px)
            color: #3e3e3e
.m  
    li 
        @media (max-width: 759px)
            float: left
            height: auto
            line-height: 34px
            text-align: center
            padding-left: 15px
            width: 49%

        @media (min-width: 760px) and (max-width: 999px)
            padding: 15px 0px
            width: 25%
            float: left
            text-align: center
//di bu dao hang
.dbdh
    @media (max-width: 759px)
        display: block
        width: 100%
        position: fixed
        bottom: 0
        background: #203d99      
.dbdh 
    ul
        padding-left: 0
.dbdh 
    ul 
        li
            width: 25%
            height: auto
            float: left
            list-style: none     
.dbdh 
    ul 
        li 
            a
                display: block
                text-align: center
                padding: 5px  5px 0
                color: #fff    
.dbdh 
    ul 
        li 
            a 
                p
                    line-height: 30px
                    margin-bottom: 0    
.dbdh 
    ul 
        li 
            a 
                img
                    display: inline-block         